.destinations-one {
    position: relative;
    display: block;
    padding: 120px 0 0;
}

.destinations-one .row {
    --bs-gutter-x: 10px;
}

.destinations-one__single {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.destinations-one__img {
    position: relative;
    display: block;
    border-radius: var(--thm-border-radius);
    overflow: hidden;
    z-index: 1;
}

.destinations-one__img:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: var(--thm-border-radius);
    background-color: rgba(var(--thm-black-rgb), .50);
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: top center;
    z-index: 1;
}

.destinations-one__single:hover .destinations-one__img:before {
    transform: scale(1, 1);
    transform-origin: bottom center;
}

.destinations-one__img img {
    width: 100%;
    border-radius: var(--thm-border-radius);
    transform: scale(1);
    transition: transform 500ms ease;
}

.destinations-one__single:hover .destinations-one__img img {
    transform: scale(1.05);
}

.destinations-one__content {
    position: absolute;
    bottom: 43px;
    left: 50px;
    z-index: 2;
}

.destinations-one__sub-title {
    font-size: 20px;
    color: var(--thm-primary);
    font-family: var(--thm-reey-font);
    margin: 0;
    line-height: 30px;
    letter-spacing: var(--thm-letter-spacing);
    position: relative;
    z-index: 1;
}

.destinations-one__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: var(--thm-letter-spacing);
    position: relative;
    display: block;
    z-index: 1;
}

.destinations-one__title>a {
    color: var(--thm-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-one__title>a:hover {
    color: var(--thm-primary);
}

.destinations-one__button {
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 30px;
    transition: all 500ms ease;
    transform: scaleX(0);
    z-index: 2;
}

.destinations-one__single:hover .destinations-one__button {
    transform: scaleX(1);
}

.destinations-one__button>a {
    font-size: 11px;
    font-weight: 700;
    color: var(--thm-base);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: var(--thm-primary);
    display: inline-block;
    border-radius: var(--thm-border-radius);
    padding: 0 15px 0;
    transition: all 500ms ease;
}

.destinations-one__button>a:hover {
    background-color: var(--thm-base);
    color: var(--thm-primary);
}

.lx {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .lx {
        max-width: 1200px;
    }
}

.row {
    --bs-gutter-x: 30px;
}

.row {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;display:flex;
    flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);
    margin-right:calc(var(--bs-gutter-x)/ -2);
    margin-left:calc(var(--bs-gutter-x)/ -2)
}

.row>* {
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x)/ 2);
    padding-left:calc(var(--bs-gutter-x)/ 2);
    margin-top:var(--bs-gutter-y)
}

.row-cols-auto>* {
    flex:0 0 auto;
    width:auto
}

.row-cols-1>* {
    flex:0 0 auto;
    width:100%
}

.row-cols-2>* {
    flex:0 0 auto;
    width:50%
}

.row-cols-3>* {
    flex:0 0 auto;
    width:33.3333333333%
}

.row-cols-4>* {
    flex:0 0 auto;
    width:25%
}

.row-cols-5>* {
    flex:0 0 auto;
    width:20%
}

.row-cols-6>* {
    flex:0 0 auto;
    width:16.6666666667%
}

.row-cols-sm-auto>* {
    flex:0 0 auto;width:auto
}

.row-cols-sm-1>* {
flex:0 0 auto;width:100%}

.row-cols-sm-2>* {
flex:0 0 auto;width:50%}

.row-cols-sm-3>* {
flex:0 0 auto;width:33.3333333333%}

.row-cols-sm-4>* {
flex:0 0 auto;width:25%}

.row-cols-sm-5>* {
flex:0 0 auto;width:20%}

.row-cols-sm-6>* {
flex:0 0 auto;width:16.6666666667%}

.row-cols-md-auto>* {
    flex:0 0 auto;width:auto
}

.row-cols-md-1>* {
    flex:0 0 auto;width:100%
}

.row-cols-md-2>* {
    flex:0 0 auto;width:50%
}

.row-cols-md-3>* {
    flex:0 0 auto;width:33.3333333333%
}

.row-cols-md-4>* {
    flex:0 0 auto;width:25%
}

.row-cols-md-5>* {
    flex:0 0 auto;width:20%
}

.row-cols-md-6>* {
    flex:0 0 auto;width:16.6666666667%
}

.row-cols-lg-auto>* {
    flex:0 0 auto;width:auto
}

.row-cols-lg-1>* {
    flex:0 0 auto;width:100%
}

.row-cols-lg-2>* {
    flex:0 0 auto;width:50%
}

.row-cols-lg-3>* {
    flex:0 0 auto;width:33.3333333333%
}

.row-cols-lg-4>* {
    flex:0 0 auto;width:25%
}

.row-cols-lg-5>* {
    flex:0 0 auto;width:20%
}

.row-cols-lg-6>* {
    flex:0 0 auto;width:16.6666666667%
}

.row-cols-xl-auto>* {
    flex:0 0 auto;width:auto
}

.row-cols-xl-1>* {
    flex:0 0 auto;width:100%
}

.row-cols-xl-2>* {
    flex:0 0 auto;width:50%
}

.row-cols-xl-3>* {
    flex:0 0 auto;width:33.3333333333%
}

.row-cols-xl-4>* {
    flex:0 0 auto;width:25%
}

.row-cols-xl-5>* {
    flex:0 0 auto;width:20%
}

.row-cols-xl-6>* {
    flex:0 0 auto;width:16.6666666667%
}

.row-cols-xxl-auto>* {
    flex:0 0 auto;width:auto
}

.row-cols-xxl-1>* {
    flex:0 0 auto;width:100%
}

.row-cols-xxl-2>* {
    flex:0 0 auto;width:50%
}

.row-cols-xxl-3>* {
    flex:0 0 auto;width:33.3333333333%
}

.row-cols-xxl-4>* {
    flex:0 0 auto;width:25%
}

.row-cols-xxl-5>* {
    flex:0 0 auto;width:20%
}

.row-cols-xxl-6>* {
    flex:0 0 auto;width:16.6666666667%
}

.col-xl-3 {
    flex:0 0 auto;width:25%
}

.col-lg-3 {
    flex:0 0 auto;width:25%
}

.col-xl-6 {
    flex:0 0 auto;width:50%
}

.col-lg-6 {
    flex:0 0 auto;width:50%
}